<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_新增列表标签</title>
</head>
<body>


<!--
datalist:数据列表,需要结合输入框使用
-->
<form action="#">
    <label>
        <input type="text" list="mydata">
    </label>
    <label>
        <input type="submit" value="提交">
    </label>
</form>

<datalist id="mydata">
    <option value="周杰伦">周杰伦</option>
    <option value="周冬雨">周冬雨</option>
    <option value="马冬梅">马冬梅</option>
    <option value="鸭杰伦">鸭杰伦</option>
</datalist>

<hr>

<!--details是对名词的解释,必须结合summary使用-->
<details>
    <summary>如何一夜暴富</summary>
    买彩票<p>有可能暴富</p>
</details>
<details>
    <summary>如何学习前端</summary>
    多敲代码<p>就可以学好前端</p>
</details>
</body>
</html>